body {background-image:url("BBG-004.jpg");}

#Top {margin-top:0px;width:1px;height:1px;}


@media screen and (max-width:1400px) {

header {margin-top:40px;margin-right:20px; margin-left:20px;}}

@media screen and (min-width:1400px) {

header {margin-top:70px;margin-right:auto; margin-left:auto;}}


header {

display:block;
max-width:1300px;
height:auto;



margin-bottom:0%;
padding-bottom:0%;
padding-right:0%;
border: 0px solid rgb(255,255,255);}



@media screen and (max-width:600px) {
.Logo {max-width:250px;height:auto;margin-left:auto;margin-right:auto;padding-right:0px;}}

@media screen and (min-width:600px) {
.Logo {max-width:300px;height:auto;margin-left:auto;margin-right:auto;padding-right:0px;}}


@media screen and (max-width:600px) {
.Logo-Titel {font-family:Arial;font-size:20px;font-weight:bold;margin-top:0px;margin-left:0px;margin-right:0px;color:rgb(0,0,0);padding-top:10px;float:none;text-align:center;}}

@media screen and (min-width:600px) {
.Logo-Titel {font-family:Arial;font-size:26px;font-weight:bold;margin-top:0px;margin-left:0px;margin-right:0px;color:rgb(0,0,0);padding-top:20px;float:none;}}


@media screen and (max-width:600px) {
.Logo-Untertitel {font-family:Arial;font-size:22px;font-weight:normal;margin-top:50px;margin-left:0px;color:rgb(0,0,0);margin-right:0px;text-align:center;}}

@media screen and (min-width:600px) {
.Logo-Untertitel {font-family:Arial;font-size:28px;font-weight:normal;margin-top:50px;margin-left:0px;color:rgb(0,0,0);margin-right:0px;}}

.Logo-Untertitel
{text-shadow:1.2px 1.2px 1.2px #444444;}


@media screen and (max-width:542px) {

.buttons {padding-bottom:25px;}}

@media screen and (min-width:542px) {

.buttons {padding-bottom:0px;}}

@media screen and (max-width:1400px) {

.buttons {margin-top:30px;margin-right:10px; margin-left:10px;}}

@media screen and (min-width:1400px) {

.buttons {margin-top:50px;margin-right:auto; margin-left:auto;}}


.buttons {

max-width:1300px;
display:block;
height:auto;

margin-bottom:0px;
padding-top:0px:
padding-right:0px;

padding-left:0px;
background-color:none;
font-family:Arial;
font-size:18px;
font-weight:bold;
border-top:0px solid #44bac1;
border-right:0px solid rgb(180,180,180);
border-bottom:0px solid #ee715a;
border-left:0px solid rgb(0,0,0);
line-height:25px;
float:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 0px #000000;
moz-box-shadow: 0px 0px 0px #000000;
box-shadow: 0px 0px 0px #000000;}


.buttons ul {

float:none;
max-width:1300px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
list-style-type: none;
border-top:0px solid rgb(0,0,0);
border-right:0px solid rgb(180,180,180);
border-bottom:0px solid rgb(0,255,0);
border-left:0px solid rgb(0,0,0);}


.buttons h1 {

max-width:1300px;
font-family:Arial;
color:rgb(0,0,0);
font-size:22px;
font-weight:normal;
text-align:left;
padding-top:50px;
padding-right:50px;
padding-bottom:50px;
padding-left:50px;
border-top:0px solid rgb(0,0,0);
border-right:0px solid rgb(0,0,0);
border-bottom:0px solid rgb(0,0,0);
border-left:0px solid rgb(0,0,0);
background-color:rgb(0,0,0);
line-height:30px;}


.buttons h1:hover {

font-family:Arial;
font-size:22px;
background-color:rgb(0,0,0);
color:rgb(0,0,0);
text-decoration:none;
border-top:0px solid rgb(180,180,180);
border-right:0px solid rgb(180,180,180);
border-bottom:0px solid rgb(180,180,180);
border-left:0px solid rgb(180,180,180);}


.buttons a {

position:relative;
width:200px;
font-family:Arial;
font-size:18px;
text-decoration:none;
display:block;
float:left;
border-top:0px solid #ee715a;
border-right:0px solid rgb(255,255,255);
border-bottom:0px solid #44bac1;
border-left:0px solid rgb(0,0,0);
text-align:center;
padding-top:3px;
padding-right:3px;
padding-bottom:3px;
padding-left:3px;
background-color:rgb(120,120,120);
color: white;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;}


.buttons a:hover {
width:200px;
font-family:Arial;
color:rgb(0,0,0);
background-color:rgb(120,120,120);
border-top:0px solid rgb(0,0,0);
border-right:0px solid rgb(0,0,0);
border-bottom:0px solid rgb(0,0,0);
border-left:0px solid rgb(0,0,0);
text-align:center;
padding-top:3px;
padding-right:3px;
padding-bottom:3px;
padding-left:3px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 0px #000000;
moz-box-shadow: 0px 0px 0px #000000;
box-shadow: 0px 0px 0px #000000;}

.buttons ul ul {z-index: 2;display:block;}

.buttons li {border-bottom:0px solid rgb(0,0,0);position: relative;} 
.buttons ul li: {display:block;}








@media screen and (min-width:700px) {
.Scrollbutton {margin-top:0px;visibility:visible;}}

@media screen and (max-width:700px) {
.Scrollbutton {margin-top:0px;visibility:visible;}}







@media screen and (max-width:1400px) {

main {margin-top:80px;margin-right:10px; margin-left:10px;}}

@media screen and (min-width:1400px) {

main {margin-top:80px;margin-right:auto; margin-left:auto;}}

main {

max-width:1300px;
display:block;
height:auto;

margin-bottom:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:10px;
padding-right:0px;
background-color:rgba(100,20,0,0.5);
border-top:20px solid #ee715a;
border-right:0px solid rgb(0,0,0);
border-bottom:0px solid #ee715a;
border-left:0px solid rgb(0,0,0);
text-align:left;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;} 

.Media-001 {

max-width:100%;

height:auto;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:20px;
padding-bottom:0px;
padding-left:15px;
border: 0px solid rgb(0,0,0);}


@media screen and (max-width:700px) {

.Grafiks {
float:none;
margin-left:auto;
margin-right:auto;
max-width:400px;
height:auto;}}

@media screen and (min-width:700px) {
.Grafiks {

float:left;
max-width:40%;
height:auto;}}

.Grafiks {

background-color:rgb(0,0,0);
border: 3px solid #ee715a;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
clear:both;}




@media screen and (max-width:700px) {

.IP2019 {
float:none;
margin-left:auto;
margin-right:auto;
max-width:400px;
height:auto;}}

@media screen and (min-width:700px) {
.IP2019 {

float:left;
max-width:40%;
height:auto;}}

.IP2019 {

background-color:rgb(0,0,0);
border: 3px solid #ee715a;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
clear:both;}



@media screen and (max-width:700px) {

.IP2024 {
float:none;
margin-left:auto;
margin-right:auto;
max-width:400px;
height:auto;}}

@media screen and (min-width:700px) {
.IP2024 {

float:right;
max-width:40%;
height:auto;}}

.IP2024 {

background-color:rgb(0,0,0);
border: 3px solid #ee715a;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
clear:both;}










@media screen and (max-width:550px) {

.Portrait {


max-width:100%;
height:auto;}}

@media screen and (min-width:550px) {
.Portrait {


max-width:50%;
height:auto;}}

@media screen and (min-width:750px) {
.Portrait {


max-width:40%;
height:auto;}}



.Portrait {



background-color:rgb(0,0,0);
border: 3px solid #ee715a;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
clear:both;}


@media screen and (max-width:550px) {

.Videos {


float:none;
max-width:100%;
height:auto;
margin-bottom:20px;}}

@media screen and (min-width:550px) {
.Videos {


float:none;
max-width:100%;
height:auto;
margin-bottom:20px;}}

@media screen and (min-width:750px) {

.Videos {

float:left;
max-width:40%;
height:auto;

margin-top:10px;
margin-right:20px;
margin-bottom:20px;
margin-left:20px;
padding-bottom:0px;}}

.Videos {

border: 3px solid #ee715a;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
clear:both;}

@media screen and (max-width:550px) {

.Videos-2 {

float:none;max-width:100%;height:auto;}}

@media screen and (min-width:550px) {

.Videos-2 {float:none;max-width:100%;height:auto;}}

@media screen and (min-width:750px) {

.Videos-2 {

float:right;
max-width:40%;
height:auto;
margin-top:10px;
margin-right:20px;
margin-bottom:20px;
margin-left:20px;
padding-bottom:0px;}}

.Videos-2 {

border: 3px solid #ee715a;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
clear:both;}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}


@media screen and (max-width:410px) {

.Box1 {
float:none;
margin-top:10%;
margin-right:auto;
margin-bottom:2%;
margin-left:auto;
width:96%;
height:auto;}}

@media screen and (min-width:411px) {

.Box1 {
float:none;
margin-top:5%;
margin-right:auto;
margin-bottom:2%;
margin-left:auto;
width:96%;
height:auto;}}

@media screen and (min-width:700px) {
.Box1 {

margin-top:2%;
margin-right:3%;
margin-bottom:2%;
margin-left:3%;
float:left;
width:40%;
height:auto;}}


.Box1 {


background-color:rgb(0,0,0);
border: 3px solid #ee715a;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
clear:both;}

@media screen and (max-width:600px) {

.Box2 {font-size:14px;}}

@media screen and (min-width:600px) {

.Box2 {font-size:16px;}}


.Box2 {

font-family:Arial;
color:rgb(255,255,255);
text-align:left;
line-height:20px;
padding-top:2.3%;
margin-right:2%;
padding-bottom:3%;
margin-left:2%;}
 

.Box-h2 {font-family:Arial;font-size:16px;font-weight:bold;text-align:center;color:rgb(255,255,255);padding-top:2.5%;padding-right:2%;padding-left:2%;}
 



img {
max-width: 100%;
height:auto;
vertical-align:bottom;}



audio {width:100%;display:block;}






video {width:100%;display:block;vertical-align:bottom;}

iframe {vertical-align:bottom;}

.clear {clear:both;}




h1 {

font-family:Arial,sans serif;

color:rgb(0,0,0);
text-align:left;}

@media screen and (max-width:710px) {

.after::after {
content: "\A";
white-space: pre;
}}


@media screen and (min-width:700px) {

h1 {font-size:28px;}}

@media screen and (max-width:700px) {

h1 {font-size:24px;}}

@media screen and (max-width:450px) {

h1 {font-size:20px;}}


.Seitentitel {font-family:Arial;font-size:18px;text-align:center;color:rgb(255,255,255);padding-top:20px;padding-right:2%;padding-left:2%;text-shadow:3px 3px 3px #000000;}

.Untertitel {
	
font-family:Arial;
font-size:16px;
font-weight:bold;
text-align:left;
color:rgb(255,255,255);
padding-top:1%;
padding-right:2%;
padding-bottom:3%;
padding-left:2%;
text-shadow:3px 3px 3px #000000;}




h3 {

font-family:Arial;
padding-top:20;
color:rgb(255,255,255);
font-size:20px;
text-align:left;
padding-top:10px;
padding-right:2%;
padding-bottom:0px;
padding-left:2%;}




@media screen and (max-width:600px) {

.content {font-size:16px;}}

@media screen and (min-width:600px) {

.content {font-size:16px;}}


.content {


font-family:Arial;
color:rgb(255,255,255);
text-align:left;
line-height:20px;
padding-top:1%;
padding-right:2%;
padding-bottom:3%;
padding-left:2%;
text-shadow: 3px 3px 3px #000000;}








.Impressum {


font-family:Arial;
color:rgb(255,255,255);
font-size:16px;
text-align:left;
line-height:20px;
padding-top:5%;
padding-right:3%;
padding-bottom:3.9%;
padding-left:3%;
text-shadow:3px 3px 3px #000000;}

@media screen and (max-width:600px){
.N002 {height:16px;}}

@media screen and (min-width:600px){
.N002 {height:14px;}}

.Links {color:rgb(0,50,0);}

.Links-Content {color:rgb(0,255,0);}


@media screen and (max-width:558px) {

.Container-F {display:none;}}

@media screen and (min-width:558px) {

.Container-F {display:block;max-width:769px;}}

@media screen and (min-width:800px) {

.Container-F {display:block;max-width:752px;}}

@media screen and (min-width:1000px) {

.Container-F {display:block;max-width:867px;}}




.Container-F {


height:auto;
margin:auto;
border:0px solid #000000;}



@media screen and (max-width:558px) {

.Container-F-Handy {display:block;max-width:400px;}}



.Container-F-Handy {

height:auto;
margin:auto;
border:0px solid #000000;}




@media screen and (max-width:558px) {

.Footer-Text {display:none;}}

@media screen and (min-width:558px) {

.Footer-Text {display:block;max-width:300px;margin-top:-85px;float:right;padding-right:0px;padding-left:0px;}}


@media screen and (min-width:586px) {

.Footer-Text {display:block;max-width:300px;margin:auto;;float:right;padding-right:0px;padding-left:0px;}}

@media screen and (min-width:710px) {

.Footer-Text {display:block;max-width:300px;margin:auto;float:right;padding-right:0px;padding-left:0px;border:1px solid #000000;}}

@media screen and (min-width:830px) {

.Footer-Text {display:block;max-width:350px;height:auto;margin:auto;padding-left:20px;padding-right:20px;float:left;border:1px solid #000000;}}

@media screen and (min-width:1000px) {

.Footer-Text {display:block;max-width:700px;height:auto;margin:auto;padding-left:20px;padding-right:20px;float:left;border:1px solid #000000;}}




.Footer-Text { 



text-align:center;
padding-top:5px;
padding-bottom:5px;}




@media screen and (max-width:558px) {

.Footer-Text-Handy {display:block;max-width:300px;margin:auto;;float:none;padding-right:0px;padding-left:5px;}}






.Footer-Text-Handy { 

text-align:center;
padding-top:5px;
padding-bottom:5px;}






@media screen and (max-width:558px) {

.footer-handy {


float:none;
font-family:Arial;
padding-top:20px;
padding-right:0%;
padding-left:0%;
color:rgb(0,0,0);
font-size:14px;
text-align:center;}}

@media screen and (min-width:558px) {

.footer-handy {display:none;}}



.footer {

float:none;
font-family:Arial;
padding-top:0px;
padding-right:0%;
padding-left:0%;
color:rgb(0,0,0);
font-size:14px;
text-align:center;}



@media screen and (max-width:558px) {

.Inklusionspreis-2019 {display:none;}}

@media screen and (min-width:558px) {

.Inklusionspreis-2019 {max-width:150px;float:left;padding-left:30px;padding-right:0px;}}

@media screen and (min-width:710px) {

.Inklusionspreis-2019 {max-width:150px;float:left;padding-left:0px;padding-right:0px;}}

@media screen and (min-width:830px) {

.Inklusionspreis-2019 {max-width:150px;float:left;padding-top:10px;padding-right:30px;}}

@media screen and (min-width:1000px) {

.Inklusionspreis-2019 {max-width:200px;float:left;padding-top:10px;padding-right:30px;}}



.Inklusionspreis-2019 {


height:auto;
margin:auto;
padding-right:30px;
border:0px solid #000000;}


@media screen and (max-width:400px) {

.Inklusionspreis-2019-Handy {max-width:200px;float:none;padding-top:10px;padding-left:0px;padding-right:0px;}}

@media screen and (min-width:400px) {

.Inklusionspreis-2019-Handy {max-width:150px;float:left;padding-top:10px;padding-left:20px;padding-right:0px;}}

@media screen and (min-width:558px) {

.Inklusionspreis-2019-Handy {display:none;}}





.Inklusionspreis-2019-Handy {


height:auto;
margin:auto;
border:0px solid #000000;}




@media screen and (max-width:558px) {

.Inklusionspreis-2024 {display:none;max-width:150px;margin:auto;padding-top:2px;padding-left:30px;float:left;}}

@media screen and (min-width:558px) {

.Inklusionspreis-2024 {max-width:150px;margin:auto;padding-top:2px;padding-left:30px;float:left;}}

@media screen and (min-width:710px) {

.Inklusionspreis-2024 {max-width:150px;margin:auto;padding-left:0px;float:left;}}

@media screen and (min-width:830px) {

.Inklusionspreis-2024 {max-width:150px;margin:auto;padding-top:10px;padding-left:30px;float:left;}}

@media screen and (min-width:1000px) {

.Inklusionspreis-2024 {max-width:200px;margin:auto;padding-top:10px;padding-left:30px;float:left;}}


.Inklusionspreis-2024 {


height:auto;
border:0px solid #000000;}



@media screen and (max-width:400px) {

.Inklusionspreis-2024-Handy {max-width:200px;float:none;padding-top:10px;padding-left:0px;padding-right:0px;}}

@media screen and (min-width:400px) {

.Inklusionspreis-2024-Handy {max-width:150px;padding-top:10px;padding-right:20px;padding-left:0px;float:right;}}

@media screen and (min-width:558px) {

.Inklusionspreis-2024-Handy {display:none;}}




.Inklusionspreis-2024-Handy {

margin:auto;
height:auto;
border:0px solid #000000;}



@media screen and (max-width:1400px) {

footer {margin-right:10px; margin-left:10px;}}

@media screen and (min-width:1400px) {

footer {margin-right:auto; margin-left:auto;}}

footer {

max-width:1300px;
display:block;
height:auto;
margin-top:0px;
margin-bottom:50px;
padding-top:10px;
padding-right:10px;
padding-bottom:20px;
padding-left:10px;
background-color:#ee715a;
text-align:center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
webkit-box-shadow: 0px 0px 7px #000000;
moz-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;}